<template>
  <div class="container">
    <!-- 用户信息 -->
    <UserInfo :nickname="userStore.user?.nickName || '未登录'" :account="userStore.user?.account || '点击登录'" />



    <!-- 菜单列表（已移除复选框） -->
    <van-cell-group inset>
      <van-cell v-for="(item, index) in menuItems" :key="index" :title="item.title" :class="{ disabled: item.disabled }"
        @click="handleMenuClick(item)" />
    </van-cell-group>
 
    <tabbar></tabbar>
  </div>
</template>

<script setup>
import { ref } from 'vue';
import { Cell, CellGroup, Grid, GridItem } from 'vant';
import UserInfo from '../components/UserInfo.vue';
import { useUserStore } from '@/stores/userStore'
import { useRouter } from 'vue-router'
const router = useRouter()
const userStore = useUserStore()
const handleMenuClick = (item) => {
  const routeMap = {
    '关于我们': 'aboutme',
    '我的反馈': 'feedback',
    '设置': 'set',
    '帮助': 'help',
    '下载管理':'download',
    '我的证书':'zhengshu',
    '我的话题': 'topic'
  }

  if (routeMap[item.title]) {
    router.push({ name: routeMap[item.title] })
  } else {
    console.warn('该功能暂未开放:', item.title)
    // 可以添加 Toast 提示
  }
}
// 简化后的菜单数据
const menuItems = ref([
  { title: '浏览历史' },
  { title: '下载管理' },
  { title: '我的话题' },
  { title: '我的证书' },
  { title: '我的反馈' },
  { title: '关于我们' },
  { title: '帮助' },
  { title: '设置' }
]);

// console.log('完整用户Store:', {
//   user: userStore.user,
//   token: userStore.token,
//   error: userStore.error,
//   isAuthenticated: userStore.isAuthenticated
// })
</script>

<style scoped>
.container {
  padding: 12px;
}

/* 禁用项样式 */
.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* 移除原有复选框相关样式 */
</style>